@charset "utf-8";
/************************************************************************
 * filename     : etc.css
 * description  : ETC CSS
 * date         : 2015-06-01
************************************************************************/
a	{text-decoration:none;}

#container.wide02 #contents {
    float: none;
    width: auto;
    height: auto;
    margin-top: 0;
    background-color: transparent;
}
#contents {width:100%; text-align:center;}


.video_area{overflow:hidden;position:relative;width:100%;height:100%;z-index:2;}
.video_area video{position:absolute;left:50%;top:0;min-width: 100%;height: auto;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%); padding:0}
.video_area:after{display:block;width:100%;height:100%;z-index:1;position:absolute;left:0;top:0;background-color: rgba(0,0,0,.3);}
/* title */
.title01.type02	{margin:2px auto 4px; text-align:center;}
.title01.type02 h1.sns {width: 85px; background-position: 0 -43px;}

.title01.type02 h1	{overflow:hidden; float:none; width:192px; height:34px; margin:0 auto; background:url("/web2018/images/etc/text_etc.png") no-repeat 0 0; white-space:nowrap; text-indent:100%;}
.title01.type02 .text_sub	{float:none; width:auto; height:auto; margin-left:0; padding-top:13px; background:none; color:#fff; font-size:16px; text-indent:0; text-align:center;}
.title01.type02 .text_sub:before	{content:none;}

/* sitemap */
.site_wrap	{overflow:hidden; height:935px; border-bottom:2px solid #000; text-align:center; line-height:1;}
.site_wrap:after	{display:block; clear:both; content:"";}
.site_wrap h2	{position:relative; z-index:10;}
.site_wrap img	{vertical-align:top;}
.site_wrap a	{display:block;}
.depth_one a:hover, .depth_two a:hover, .depth_three a:hover	{text-decoration:underline;}

.site_wrap .site_one, .site_wrap .site_two, .site_wrap .site_three, .site_wrap .site_four	{float:left; height:100%; border-right:1px solid #ccc;}
.site_wrap .site_one	{border-left:1px solid #ccc;}
.site_wrap .site_one h2	{width:296px; margin-left:-1px;}
.site_wrap .site_two h2	{width:294px;}
.site_wrap .site_three h2	{width:295px;}
.site_wrap .site_four h2	{width:296px; margin-right:-1px;}

.site_wrap .depth_one>li>a	{padding:18px 0 15px; background:#f4f4f4; border-top:1px solid #ccc; color:#151515; font-size:16px;}
.site_wrap .depth_one>li:first-child>a	{margin-top:-1px;}
.site_wrap .depth_two	{padding:20px 0 39px; border-top:1px solid #ccc;}
.site_wrap .depth_two.type02	{padding-bottom:61px;}
.site_wrap .depth_two.type03	{padding-bottom:67px;}
.site_wrap .depth_two>li>a	{display:block; margin-top:12px; color:#595959; font-size:16px;}
.site_wrap .depth_two>li:first-child>a	{margin-top:0;}
.site_wrap .depth_two>li.include_third	{margin-top:19px; border-top:1px solid #e9e9e9;}
.site_wrap .depth_three	{margin-top:10px; padding-top:20px; border-top:1px solid #e9e9e9;}
.site_wrap .depth_three>li>a	{display:block; margin-top:10px; color:#909090; font-size:14px;}
.site_wrap .depth_three>li:first-child>a	{margin-top:0;}
.site_wrap .site_three .depth_one{border-bottom:1px solid #ccc;}
/* 6월 오픈용 영역 */
.upcoming	{height:100%; padding:75px 60px 0; background:url("/web2018/images/etc/bg_upcoming_june.jpg") no-repeat top center;}
.upcoming strong	{display:block; color:#151515; font-size:30px; margin-bottom:18px;}
.upcoming strong span	{color:#595959; font-size:14px;}
.upcoming .btn_sm	{padding:11px 24px; padding:12px\9 24px 10px\9; background-color:transparent; border:1px solid #404040; color:#222; font-size:14px;}
.upcoming .btn_sm:after	{display:inline-block; width:7px; height:11px; margin-left:7px; background:url("/web2018/images/etc/icon_common.png") no-repeat -160px -140px; vertical-align:-1px; content:"";}
.upcoming .btn_sm:hover	{background-color:#222; border-color:#222; color:#fff;}
.upcoming .btn_sm:hover:after	{background-position:-170px -140px;}

/* 약관 */
.wrap_policy	{padding:20px 0 0; border-top:1px solid #e9e9e9; color:#595959; font-size:14px;} 
.wrap_policy p, .wrap_policy li	{line-height:1.8em;}
.wrap_policy .tit_type	{margin:40px 0 13px; padding-top:37px; border-top:1px solid #e9e9e9; color:#151515; font-size:26px;}
.wrap_policy .tit_type.first	{margin-top:0; padding:0; border:0}
.wrap_policy .tit_type2	{display:block;}
.wrap_policy .tit_type3	{color:#151515; font-size:16px; font-weight:normal;}
.wrap_policy .txt_type	{margin:0 0 3px; font-size:16px;}
.wrap_policy .txt_type2	{text-indent:0;}
.wrap_policy .txt_type3	{margin:0 0 25px; font-size:16px;}
.wrap_policy .txt_type4	{display:block; margin:0 0 13px}

.wrap_policy .list_type	{margin:24px 0 0;}
.wrap_policy .list_type > li	{margin:0 0 32px; padding-left:15px; text-indent:-15px;}

.wrap_policy .list_type3	{}
.wrap_policy .list_type3 > li	{padding-left:12px; text-indent:-12px;}
.wrap_policy .list_type3 > li:before	{display:inline-block; width:5px; height:1px; margin:0 7px 0 0; background-color:#595959; vertical-align:4px; content:"";}
.wrap_policy .list_type4	{margin:24px 0 0;}
.wrap_policy .list_type4 > li	{margin:0 0 32px;}
.wrap_policy .list_type5	{}
.wrap_policy .list_type5 > li	{padding-left:13px;text-indent:-13px;}
.wrap_policy .list_type6	{}
.wrap_policy .list_type6 > li	{margin:1px 0 0; text-indent:-13px;}
.wrap_policy .list_type7	{margin:36px 0 0; text-align:right;}
.wrap_policy .list_type7 > li	{margin:1px 0 0;}
.wrap_policy .list_type8	{}
.wrap_policy .list_type8 > li	{padding-left:13px;text-indent:-13px;}
.wrap_policy .list_type9	{}
.wrap_policy .list_type9 > li	{}
.wrap_policy .list_type9 > li .tit_type3	{display:inline-block; margin-top:20px;}
.wrap_policy .list_type9 > li:first-child .tit_type3	{margin-top:0;}
.wrap_policy .index_box	{padding:20px 24px 11px; border:1px solid #151515;}
.wrap_policy .index_box:after	{display:block; clear:both; content:"";}
.wrap_policy .index_box ul	{float:left; width:50%;}
.wrap_policy .index_box li	{margin:0 0 8px; color:#151515; font-size:14px;}
.wrap_policy .index_box li a	{color:#151515;}

.wrap_policy .wrap_version	{margin:27px 0 27px;}
.wrap_policy .wrap_version em	{display:inline-block; margin-right:14px;}
.wrap_policy .date_notice	{text-align:right;}
.wrap_policy .ml12	{margin-left:12px;}

/* 에러 */
.error_wrap	{width:784px; margin:0 auto;}
.error_header	{border-bottom:1px solid #909090; padding:16px 0 16px 24px;}
.error_header h1	{overflow:hidden; width:48px; height:48px; background:url("/web2018/images/etc/icon_common.png") no-repeat -260px 0; white-space:nowrap; text-indent:100%;}
.error_cont	{padding-top:80px; text-align:center; padding:0;}
.error_cont:before	{display:inline-block; width:150px; height:104px; background:url("/web2018/images/etc/icon_common.png") no-repeat -100px 0; content:"";}
.error_title	{margin:31px 0 30px; color:#151515;}
.error_title h1	{font-size:36px;}
.error_title .text_sub	{margin-top:4px; font-size:24px;}
.set_msg_error	{color:#595959; font-size:12px; line-height:21px;}

/* SNS */
.title01.type02 h1.sns	{width:85px; background-position:0 -43px;}
.set_link_sns	{overflow:hidden; margin:0 auto; text-align:center;}
.set_link_sns .none{width:40px; height: auto; }
.set_link_sns ul	{width: 50%; min-width:400px; margin: 0 auto; padding:0; list-style-type: none; display:flex;}
.set_link_sns ul:after	{display:block; clear:both; content:"";}
.set_link_sns li	{float:left; width:50%; min-width:150px; display: table-cell;}
/*.set_link_sns .text_guide	{display:block; height:117px; padding-top:167px; background:url("/web2018/images/etc/img_sns2.png") no-repeat; color:#fff; font-size:14px; line-height:1.6em; text-align:center;}*/
.set_link_sns .text_guide	{display:block; padding:30px 0 30px 0; color:#fff; font-size:14px; line-height:1.6em; text-align:center;}
.set_link_sns .face .text_guide	{background-position:0px 0px;}
.set_link_sns .twitter .text_guide	{background-position:-300px 0px;}
.set_link_sns .youtube .text_guide	{background-position:-600px 0px;}
.set_link_sns .instagram .text_guide	{background-position:-900px 0px;}
.set_link_sns .area_link	{}
.set_link_sns .area_link a	{display:block; position:relative; height:30px; padding:10px 0 0 0px; border-width: 1px 1px; border-color:#333; border-style:solid; color:#1f7d9a; font-size:14px; font-weight: bold;}
.set_link_sns .area_link a:after	{display:block; position:absolute; top:10px; right:16px; width:10px; height:18px; background:url("/web2018/images/etc/icon_etc.png") no-repeat; content:''}

/* 테이블 */
.wrap_policy .dtable_list.type02 tbody th, .wrap_policy .dtable_list.type02 tbody td	{font-size:14px;}

@media (min-width:320px) and (max-width:810px) {
#contents {width:100%; text-align:center;}	

.set_link_sns ul {width: 100%;min-width: 350px; margin: 0 auto; padding: 0; list-style-type: none; display: flex;}

}